
.header{
    width: 100%;
    .header_top {
        width: 100%;
        height: 50px;
        padding-top: 30px;
        margin-left: 7px;
        
             a{
                display: inline-block;
                img{
                
                width:203px;
                height: 50px;
                
                }
                span{
                font-size: 48px;
                color:#330000;
                position: relative;
                bottom: 5px;
                }
            }
            i{
               
                color:#000000;
                font-size: 18px;
                font-style: normal;
                position: relative;
                bottom: 3px;
            }
        

        .message{
            margin-top: 22px;
            background:url(../images/login/message.png) no-repeat;
            padding-left: 40px;
            
            span{
                display: block;
                color:#cc0000;
                font-size: 18px;
                padding-top: 2px;
            }
        }
       
     
    }
    .header_bottom{
         width: 100%;
         height: 60px;
          margin-top:30px;
         margin-left: 7px;
         background: none;
        h2{
            float: left;
           
            font-size: 30px;   
        }
        p{
            margin-top: 20px;
            float: right;
            font-size: 14px;
            color:#ff6600;
           
        }
    }
}

.content{
    width: 100%;
    height:600px;
    background: url(../images/login/banner.jpg) no-repeat center;
   
    .login_panel{
        float: right;
        background: #FFFFFF;
        opacity: 0.8;
        filter:alpha(opacity=80); 
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        width: 440px;
        position: relative;
        z-index: 1;
        top: 96px;
           
            .Scaveng_login {
                width: 220px;
                height: 40px;
                display: inline-block;
                margin-top: 18px;
                span{
                    display:inline-block;
                    margin-left: 14px;  
                    color: #000000;
                    font-size: 24px;
                }
             
            }
      
            .Scaveng_login:after{
             content: " ";
             width:1px;
             height:20px;
             background:#999999;
             position: absolute;
             left: 50%;
             margin-top:7px;
             }
        
            .account_login 
             {
                width: 220px;
                height: 40px;
                display: inline-block;
                margin-top: 18px;
                 float: right;
                 text-align: right;
                span{
                    display:inline-block;
                    margin-right: 14px;
                    color: #000000;
                    font-size: 24px;
                }
                
                
              }
        
        
        form{
            padding:30px 25px;
            border-top:1px solid #999999;
            border-bottom:1px solid #999999;
            div:first-child{
            
            
            width:390px;
            height: 40px;
            margin-bottom: 20px;
            background: url(../images/login/username.jpg) no-repeat left;
                
                input{
                    margin-left: 68px;
                    width: 311px;
                    height: 36px;
                    padding-left:5px;
                    line-height: 36px;
                }
            }
            div:nth-child(2){
            
            
            width:390px;
            height: 40px;
            margin-bottom: 20px;
            background: url(../images/login/password.jpg) no-repeat left;
                
                input{
                    margin-left: 68px;
                    width: 311px;
                    height: 36px;
                    padding-left:5px ;
                    line-height: 36px;
                }
            }
                span{
                   
                    font-size: 16px;
                    float: left;
                    em{
                        font-style: normal;
                        color: #CC0000;
                        font-size: 16px;
                    }
                }
                .on{display: block;}
                a{
                    
                    float: right;               
                    color:#cc0000;
                    display: block;
                    margin-bottom: 20px;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            
            div:nth-of-type(3) {
                clear: both;
                
                width:390px;
                height: 40px;
                margin-bottom: 20px;
                background: url(../images/login/code.jpg) no-repeat left;
                input{
                    padding-left: 5px;
                    width:105px;
                    height: 36px;
                    margin-left: 68px;
                    float: left;
                    margin-right: 70px;
                }
                a{
                    width:109px;
                    height: 40px;
                    display: block;
                    margin-right: 10px;
                    
                    float: left;
                    img{
                        width:100%;
                        height: 100%;
                        border: 1px solid #999999;
                    }
                }
                a+a{
                    float: right;
                    width:18px;
                    margin:12px 0px 0px;
                    height: 18px;
                    display: block;
                    line-height: 40px;
                    background: url(../images/login/freshen.png) no-repeat;
                }
               
            }
            div:nth-of-type(4){
               
                width:390px;
                height: 40px;
                
                input{
                    width: 100%;
                    height: 100%;
                    background:#cc0000;
                    color:#FFFFFF;
                    font-size: 24px;
                    border: none;
                    cursor: pointer;
                }
            }
        }
        
        .register{
            width:390px;
            padding-left: 25px;
            padding-right:25px;
            padding-top: 8px;
            height: 42px;
            ul{
                
                li{
                    float: left;
                    a b:hover{
                        text-decoration: underline;
                    }
                   
                    
                }
                li:first-child a{
                            
                        background: url(../images/login/QQ.png) no-repeat;
                        width:55px;
                        height: 26px;
                        float: left;
                        display: inline-block;
                   b{
                       margin-left: 33px;
                        display: inline-block;
                        color: #999999;
                        font-size: 14px;
                       
                    }
                    
                }
                
                 li:nth-child(2) a{
                        margin-left:30px;
                        background: url(../images/login/weixin.png) no-repeat;
                        width:62px;
                        height: 26px;
                         float: left;
                        display: inline-block;
                    b{
                        margin-left: 33px;
                        display: inline-block;
                        color: #999999;
                        font-size: 14px;
                       
                    }
                     
                }
            }
            ul+a{
               float: right;
               text-decoration:underline;
               color: #cc0000;
               font-size: 14px;
               margin-top: 5px;
               display: block;
            }
           
        }
        
    }
    
}
.footer{
    background: #FFFFFF;
    margin: 0px;
    .footer_bottom{
        margin-top:60px ;
        margin-bottom: 60px;
        p{
            padding-bottom: 0;
        }
    }
}
